@charset "utf-8";
@import "common/reset";
$theme_color:#ff6709;
.header{
    width: 1130px;
    height: 98px;
    margin: 0 auto;
    img{
        height: 100%;
    }
}
.webcon{
    width: 100%;
    min-width: 1349px;
    height: 588px;
    background-image: url(../img/xiaomiwang.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    >a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .content{
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        width: 1130px;
        height: 588px;
        margin: 0 auto;
    }
}
#account{
    display: block;
}
#code{
    display: none;
    &:target{
        display: block;
    }
}
.login{
    width: 410px;
    height: 524px;
    position: absolute;
    top: 32px;
    right: 0;
    background: #FFFFFF;
    .option{
        width: 410px;
        height: 82px;
        padding-top: 27px;
        font-size: 24px;
        margin-bottom: 14px;
        text-align: center;
        a{
            color: #666;
            &:hover{
                color: $theme_color;
            }
            &.actived{
                color:$theme_color;
            }
        }
        span{
            margin: 0 40px;
            color: #e0e0e0;
        }
    }
    .case{
        height: 428px;
    }
    .account{
        form{
            width: 348px;
            height: 340px;
            margin: 0 auto;
        }
        input{
            border: 1px solid rgb(224, 224, 224);
            padding: 13px 15px;
            font-size: 14px;
            color: #333;
            height: 50px;
            vertical-align: top;
        }
        li{
            height: 50px;
            margin-top: 14px; 
            &:nth-last-of-type(2){
                margin-top: 24px;
            }
        }
        .username{
            width: 348px;
        }
        .password{
            width: 348px;
        }
        .yzm{
            width: 200px;
        }
        .yzm_img{
            display: inline-block;
            width: 125px;
            height: 42px;
        }
        .submit{
            font-family: arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;
            width: 348px;
            background-color: $theme_color;
            border: 0;
            color: #FFFFFF;
            cursor: pointer;
        }
        .hint{
            display: none;
        }
        .other{
            font-size: 14px;
            margin-top: 6px;
            span{
                color:$theme_color;
            }
            .zc{
                a{
                    color: #999;
                }
                span{
                    color: #999;
                }
            }
        }
        .bottom{
            width: 348px;
            height: 65px;
            margin: 0 auto;
            padding-top: 7px;
            .wire{
                text-align: center;
                height: 1px;
                border-right: 120px solid #e0e0e0;
                border-left: 120px solid #e0e0e0;
                position: relative;
                margin-bottom: 18px;
                span{
                    position: absolute;
                    text-align: center;
                    padding: 0 5px;
                    color: #bbb;
                    height: 14px;
                    line-height: 14px;
                    font-size: 14px;
                    top: -7px;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                }
            }
            .other_login{
                height: 40px;
                text-align: center;
                line-height: 30px;
                a{
                    color:rgb(117,117,117);
                    margin: 0 17px;
                    
                }
                i{
                    font-size: 30px;
                    vertical-align: middle;
                }
                .icon-weibo-copy{
                    font-size: 35px;
                    &:hover{
                        color: #d32f2f;
                    }
                }
                .icon-qq{
                    &:hover{
                        color: #0288d1;
                    }
                }
                .icon-iconfonticonfontzhifubao{
                    &:hover{
                        color: #0ae;
                    }
                }
                .icon-weixin{
                    &:hover{
                        color: #00d20d;
                    }
                }
            }
        }
    }
    .code{
        padding-top: 78px;
        .code_img{
            height: 180px;
            text-align: center;
            margin-bottom: 14px;
            img{
                height: 100%;
            }
        }
        li{
            color: #757575;
            font-size: 14px;
            text-align: center;
            span{
            color: $theme_color;
            }
        }
    }
}
footer{
    margin-top: 100px;
    ul{
        text-align: center;
        font-size: 14px;
        color: #757575;
        li{
            height: 34px;
            a{
                color: #757575;
            }
            &:first-of-type{
                a{
                    padding: 0 10px;
                }
            }
            
            span{
                vertical-align: middle;
            }
        }
    }
}
